Devin Atkin Portfolio

Not legally an Engineer Yet, Call me an EIT

View the Project on GitHub devinatkin/AtkinEngineer

Resume, Projects, Blog

It’s animated. It’s a favicon… Need I say more. Well I probably should just cause I’m trying to be good about writing and keep people entertained with my words.

It’s not a perfect system and not everything will actually render animated favicons. And don’t try and render anything too complicated as the bouncing ball indicates (It stutters). But there indeed some definite uses to having an animated favicon. The main one being loading, having a definite indicator that the website you’re using is in fact working on things, even if it’s running fairly slowly. This is actually the only use case I’ve seen; however, I’d honestly love to see more. If the little icon on the top animated a little smoother I’d be tempted to try rendering video in there, as it is there’s lots of wasted potential there for taking advantage.

Big one being displaying a count. Think your google icon displaying an open envelope when you have mail, as opposed to the closed one. Or having an active count that updates when you get a new email. It’s a small UI element but it would be handy to be able to see the count before clicking on the tab. I can imagine other counts being similarly improved through the addition of that small UI element.

Identifying different tabs on the fly based on their contents. When you get to more than half a dozen tabs, you likely have a few copies of the same page open with different content, simply animating the favicon to adjust somewhat to the content would help tab collectors like myself. You’re writing an email in one tab, and you’re reading it in another. Have one tab show the standard email icon, have the other add a pen to it.

This is certainly a beyond the good enough point but it’s a nice touch that a few people would notice, and it’ll naturally add a small improvement to their experience. At this time I’m adding a simple favicon to this site.